<template>
	<swiper class="app-banner" autoplay interval="2000" duration="500" circular easing-function="easeInOutCubic">
		<swiper-item v-for="(item, index) in list" :key="index">
			<app-jump-button form :open_type="item.open_type" :item="item" :params="JSON.parse(item.params)" :url="`${item.page_url}`">
				<image class="app-image" :src="item.pic_url" lazy-load></image>
			</app-jump-button>
		</swiper-item>
	</swiper>
</template>

<script>
    export default {
        props: {
            list: {
                type: Array,
                default() {
                    return [];
                }
            }
        }
    }
</script>

<style scoped lang="scss">
	.app-banner {
		height: #{230rpx};
		width: #{750rpx};
		.app-image {
			height: #{230rpx};
			width: #{750rpx};
		}
	}
</style>